<%-- 
    Document   : admin
    Created on : Mar 24, 2012, 9:16:28 PM
    Author     : theworldiwant
    UNG MGA ERROR CHECKING KTABI N LNG NG BOX

--%>


<%@page import="dao.DAOFactory"%>
<%@page import="entities.ProductCategories"%>
<%@page import="entities.ProductCategories"%>
<%@page import="java.util.LinkedList"%>
<%@page import="dao.ProductCatDAO"%>
<%@page import="entities.User"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%
            User myUser = (User) session.getAttribute("user");
            if (myUser ==null||myUser.getUserTypeId()!=1){
                response.sendRedirect("http://localhost:8080/WEBDEVES17_1/index.jsp");
                return;
            }
            
%>
<!DOCTYPE html>
<html xmlns ="http://www.w3.org/1999/xhtml">
    <head>
        <title>The BookShelf</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <link href ="admin.css" rel ="stylesheet" type ="text/css" />
        <script type="text/javascript">
            function show(b){
                if(b==true)
                    document.getElementById("hidden").style.visibility="visible";
                else
                    document.getElementById("hidden").style.visibility="hidden";
                    
            }
            function showEdit(a){
                  
                  if(document.getElementById(a).style.display=="block")
                      document.getElementById(a).style.display="none";    
                  else
                      document.getElementById(a).style.display="block";
    } 
            function verify(a){
                 if(document.getElementById(a).style.display=="block")
                      document.getElementById(a).style.display="none";    
                  else
                      document.getElementById(a).style.display="block";
            }
    var x=0;
            function createTags(){
                
                var tagBox ="<input id=tag"+x+" type='text' class='txtBox';//l><input id=x"+x+" value='X' type='button' onclick='deleteTags();' style='left: 425; position: relative;'//><br>";
                document.getElementById('tagSpace').innerHTML +=tagBox;
                x+=1;
    }
            function deleteTags(){
                var tagBox ="<input id='tag0' type='text' class='txtBox';//l><input id='x0' value='X' type='button' onclick='deleteTags();' style='left: 425; position: relative;'//><br>";
                document.getElementById('tagSpace').innerHTML ="";
                x--;
                for( i=0; i<x; i++)
                    document.getElementById('tagSpace').innerHTML +=tagBox;
                       
        }
            
        </script>
    </head>
    <body>
        <div id="wrapper" class ="wrapper">
            <div id="inner" class="innerMain">
                <div id="header" class="header">
                      <img class="bg" src ="images/logoBg.png"></img>
                      <img class ="logo" src ="images/logo2.png"></img>
                      <form class="nothing" name="SearchForm" action="Search" method="GET"> 
                            <input class="searchBox" name="keyword" value="" class ="text" type="text"/> 
                            <input class="magnify" src="images/search.png" type="image" onclick=""/>
                      </form>
                        <div id="nav" class="nav">
                          <a class="link" href="">My Cart</a>
                          <a class="link" href="">Explore</a>
                            &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                          <a class="link" href="">Recommendations</a>
                          <a class="link" href="">My Account</a>
                          <a class="link" href="">Log Out</a>
                          <input type="image" onmouseover="show(true)" class="explore"  src="images/explore.png"/>
                         
                     </div>
                </div>
                 <div class="hidden" id="hidden" onmouseover="show(true)" onmouseout="show(false)">
                         <img src="images/hiddenPanel.png" class="hiddenP"/>
                         <a href=""><img class="explore2" src="images/explore.png"/>
                         </a>
                         <div class="hiddenExp" id="hiddenExp">
                            <a class="link" href="http://www.we.com">Best Sellers</a>
                            
                            <a class="link" href="http://www.we.com">New Products</a>
                            <a class="link" href="http://www.we.com">Recent Searches</a>
                        </div>
                     </div>
                <div id="top" class="top">
                     <div class="inner">
                         <img src="images/topShelf2.png" class="topShelf"/>
                         <div class="top1">
                            <h3>Star Wars Trilogy (Widescreen Edition)</h3>
                            <img src="images/photo_1.jpg" alt="photo 1" title="Star Wars" class="no1" height="120" width="120" />
                         </div>
                         <div class="top2">
                                <h3>Batman - The Animated Series </h3>
                                <img title ="Batman" src="images/photo_4.jpg" alt="photo 4" class="left" height="120" width="120" />

                         </div>
                         <div class="top3">
                                <h3>Harry Potter and the Prisoner of Azkaban </h3>
                                <img src="images/photo_2.jpg" alt="photo 2" class="left" height="120" width="120"/>

                         </div>
                        <div class="top4">
                                <h3>The Matrix Reloaded (Full Screen Edition)</h3>
                                <img title="Matrix" src="images/photo_6.jpg" alt="photo 6" class="left" height="120" width="120" />

                         </div>
                         
                        <div class="top5">
                                <h3>The Matrix Reloaded 2(Full Screen Edition)</h3>
                                <img title="Matrix2" src="images/photo_6.jpg" alt="photo 6" class="left" height="120" width="120" />

                         </div>
                     
                     </div>
                </div><!--end of body-->
                <!--end of header-->
                
               
                  <div id="profile" class="profile">
                     <img  src="images/curUser.png" />
                     <input class="edit" type="image" src="images/edit.png"/>
                     <img class="profPic" title="Matrix2" class="img"src="images/photo_6.jpg" alt="photo 6" height="130" width="130" />
                     <div class="proftxt"><br>
                     Name       :   me<br><br>
                     Age        :   18<br><br>
                     Gender     :   F<br><br>
                     Location   :   ph<br><br>
                     </div>
                </div>
                <div id ="genre" class ="genre">
                    <img src="images/genre.png"/>
                    <dl id="browse" class="browseDiv">
                        <dt><h3 class="genreH3">Genre</h3></dt>
                               <%
                        DAOFactory myDAOFactory = DAOFactory.getInstance(DAOFactory.MYSQL);
                        ProductCatDAO c1 = myDAOFactory.createProdCatDAO();
                        LinkedList<ProductCategories> list=c1.arrangeAlp();
                        for(ProductCategories pc: list){
            
                        %>
                            <dd><a href="#"><%out.print(pc.getName());%></a></dd>
                       <%}%>   
                           
                           
                    </dl>
                </div>
                <div id="body" class="bodyDiv">
                    <div class="do">
                        What would you like to do?
                     </div>
                    
                     <br><br>
                     <div class="error">
                         *Error: 
                     </div>
                     <br><br>
                     <div>
                         <input  type="button" style="color:black" onclick="showEdit('editAcc')"  class="links" value="Edit Account Information"> <br><br>
                             <form    id ="editAcc" class="editAcc">
                                 UserName:<%for(int i=0; i<15; i++){%>&nbsp<%}%><input type="text" value="Username"/><br><br>
                                 Password:<%for(int i=0; i<16; i++){%>&nbsp<%}%><input type="password" value="password"><br><br> 
                                 Retype Password:<%for(int i=0; i<5; i++){%>&nbsp<%}%><input type="password" value="password"><br><br> 
                                 
                                 Age:<%for(int i=0; i<24; i++){%>&nbsp<%}%><input type="text" value="18"><br><br>
                                 Gender:<%for(int i=0; i<19; i++){%>&nbsp<%}%><select><option>M</option><option>F</option></select><br><br>
                                 Location:<%for(int i=0; i<17; i++){%>&nbsp<%}%><input type="text" value="Philippines"><br><br><br><br>
                                 <div class="submit"><input type="image" src="images/submit.png"/></div>
                             </form>
                      <input onClick="showEdit('setDefShip') "type="button" class="links" style="color:black" value="Set Default Shipping Address"/><br><br>
                             <form id ="setDefShip" class="editAcc">
                                 Shipping Address:<%for(int i=0; i<24; i++){%>&nbsp<%}%>
                                 <input type="text" value="Default"  style="height: 150px; width: 500px;" /><br><br><br><br>
                                 <div class="submit"><input type="image"src="images/submit.png"/></div>
                             </form>
                     <input onClick="showEdit('setDefOpt') "type="button" class="links" style="color:black" value="Set Default Payment Option"/><br><br>
                             <form id="setDefOpt" class="editAcc">
                                 Payment Option:<%for(int i=0; i<24; i++){%>&nbsp<%}%>
                                 <select style="width: 300px;">
                                     <option>Credit Card</option>
                                     <option>PayPal</option>
                                     <option>COD</option></select><br><br><br><br>
                                     <div class="submit"><input type="image"src="images/submit.png"/></div>
                                 
                             </form>
                     <input onClick="showEdit('recTran') "type="button" class="links" style="color:black" value="View Recent Transactions"/><br><br>
                             <form id="recTran" class="editAcc2">
                                 <table border="1" style="width: 820px; text-align: center; left: -20px; position: relative;">
                                     <tr>
                                         <td style="width: 90px;">Date(Y-MM-DD)</td>
                                         <td style="width: 70px;">Time</td>
                                         <td style="width: 100px;">Transaction No.</td>
                                         <td>Shipping Address</td>
                                         <td style="width: 70px;">No. of Items</td>
                                         <td>Total Amount</td>
                                         
                                     </tr>
                                     <tr>
                                         <td></td>
                                         <td></td>
                                         <td></td>
                                         <td></td>
                                         <td></td>
                                         <td></td>
                                     </tr>
                                     <%for(int i=0; i<14; i++){%>
                                     
                                     <tr>
                                         <td>2012-12-21</td>
                                         <td>12:09 AM</td>
                                         <td>abcdefg</td>
                                         <td>Philippines</td>
                                         <td>123</td>
                                         <td>129000.00</td>
                                     </tr>
                                     <%}%>
                                 </table><br><br><br><br>
                             Enter Transaction No.
                             <input type="text" style="position: relative; width: 200px; left: 200px;"/><br><br><br>
                             <input onClick="showEdit('viewSpecTran') "type="button" class="links" style="color:black; position: relative; left: 250px;" value="View Specific Transaction"/><br><br>
                                    
                                     <div id="viewSpecTran" class="editAcc2">
                                         Date:<br> 
                                         Time:<br>
                                         Transaction No: 10210o201o <br><br>
                                         
                                     
                                                 <table border="1" style="text-align: center;left: -40px; position: relative;">
                                             <tr>
                                                 <td style="width: 100px;">Quantity</td>
                                                 <td style="width: 480px;">Book Name</td>
                                                 <td style="width: 200px;">Price</td>
                                             </tr>
                                             <tr>
                                                 <td></td>
                                                 <td></td>
                                                 <td></td>
                                             </tr>
                                             <%for(int i=0; i<10; i++){%>
                                                 <tr>
                                                    <td></td>
                                                    <td></td>
                                                    <td></td>
                                                </tr>
                                             <%}%>
                                             <tr style="font-weight: bold; border-top: 3px solid white;">
                                                 <td></td>
                                                 <td style="text-align: right;">Total: </td>
                                                 <td></td>
                                             </tr>
                                         </table>
                                         
                                             
                                     </div>    
                                     <br><br><br>
                             </form>
                                             <br><br>
                             <div style="font-size: 23px; color: white; border-bottom: 3px solid white;">
                                  Admin Settings
                                  
                             </div>
                                                     <br><br>
                     <input onClick="showEdit('listCat') "type="button" class="links" style="color:black" value="Update Listing Categories"/><br><br>
                             <form id="listCat" class="editAcc">
                             <table border="1" style="text-align: center; color: white;left: 20px; position: relative; width: 200px;">
                                 <tr>
                                     <td>Remove <br>(-)</td>
                                     <td>Category</td>
                                 </tr>
                                 <tr>
                                     <td></td>
                                     <td></td>
                                 </tr>
                                 
                                 <%for(int i=0; i<10; i++){%>
                                 <tr>
                                     <td><input type="button" value="-" sytle="width: 30px;"/></td>
                                     <td>Category</td>
                                 </tr>
                                 <%}%>
                             </table>
                             <br><br><br>
                             Add a Category: <input style="left: 50px; position: relative; width: 200px;"type="text" value=""/> 
                             <br><br><br><br>
                             <div class="submit"><input type="image"src="images/submit.png"/></div>
                            
                            </form>
                     <input onclick="showEdit('addProd');" type="button" class="links" style="color:black" value="Add New Products"/><br><br>
                             <form id="addProd" class="editAcc">
                                 BookName:<input type="text" class="txtBox" style="left: 159px; position: relative;"/><br>
                                 Author:<input type="text" style="left: 190px; position: relative;"class="txtBox"/><br>
                                 Image URL: <input type="text" style="left: 150px; position: relative;"class="txtBox"/><br>
                                 SeriesNo:<input type="text" class="txtBox"style="left: 174px; position: relative;"/><br>
                                 SeriesName:<input type="text" class="txtBox"style="left: 153px; position: relative;"/><br>
                                 Description: <input type="text" class="txtBox2"style="left: 150px; position: relative;"/><br>
                                 Price:<input type="text" class="txtBox" style="left: 203px; position: relative;"/><br>
                                 DatePublished(YY-MM-DD): <input type="text" class="txtBox3"/>-<input type="text" class="txtBox3"/>-<input type="text" class="txtBox3"/><br>
                                 Genre: 
                                 <div style="left: 241px; position: relative;">
                                     <input type="checkbox"/>All<br>
                                     <input type="checkbox"/>Adventure<br>
                                     <input type="checkbox"/>Travel<br>
                                 </div><br>
                                     Tags:<input type="text" class="txtBox"style="left: 204px; position: relative;"/><input onclick="createTags();" style="left: 250px; position: relative;" type="button" value="Add another"/>
                                 <div id="tagSpace" style="left: 226px; position: relative;">
                                 
                                 </div>
                                     <br><br>
                                      <div class="submit"><input type="image"src="images/submit.png"/></div>
                                    
                                     <br><br>
                             </form>
                     <input onClick="showEdit('editProd') "type="button" class="links" style="color:black" value="Edit Product"/><br><br>
                              <div id="editProd" class="editAcc">
                                  Enter Book Name:<input type="text" class="txtBox" style="position: relative; left: 100px;"/><br> 
                                  AND<br>
                                  Enter Author:<input type="text" class="txtBox" style="position: relative; left: 138px;"/><br>                                      <br>         
                                  AND/OR<br>
                                  Enter Book Id:<input type="text" class="txtBox" style="position: relative; left: 128px;"/><br>
                                  <br>
                                 <input onclick="verify('editBk')"type="button" value="Search" style="position: relative; left: 235px; font-size: 15px;"/>
                                 <br><br><br>
                                 <form id="editBk" class="editAcc">
                                 BookName:<input value="ksmdks" type="text" class="txtBox" style="left: 159px; position: relative;"/><br>
                                 Author:<input value="ksmdks" type="text" style="left: 190px; position: relative;"class="txtBox"/><br>
                                 Image URL: <input type="text" style="left: 150px; position: relative;"class="txtBox"/><br>
                                 SeriesNo:<input value="ksmdks" type="text" class="txtBox"style="left: 174px; position: relative;"/><br>
                                 SeriesName:<input value="ksmdks" type="text" class="txtBox"style="left: 153px; position: relative;"/><br>
                                 Description: <input value="ksmdks" type="text" class="txtBox2"style="left: 150px; position: relative;"/><br>
                                 Price:<input value="ksmdks" type="text" class="txtBox" style="left: 203px; position: relative;"/><br>
                                 DatePublished(YY-MM-DD): <input value="ksmdks" type="text" class="txtBox3"/>-<input type="text" class="txtBox3"/>-<input type="text" class="txtBox3"/><br>
                                 Genre: <div style="left: 241px; position: relative;">
                                     <input type="checkbox"/>All<br>
                                     <input type="checkbox"/>Adventure<br>
                                     <input type="checkbox"/>Travel<br>
                                 </div><br>
                                     Tags:<input type="text" class="txtBox"style="left: 204px; position: relative;"/><input onclick="createTags();" style="left: 250px; position: relative;" type="button" value="Add another"/>
                                 <div id="tagSpace" style="left: 226px; position: relative;">
                                 
                                 </div>
                                     <br><br>
                                      <div class="submit"><input type="image"src="images/submit.png"/></div>
                                    
                                     <br><br>
                             </form>
                                      
                              </div>
                     <input onClick="showEdit('amtSales') "type="button" class="links" style="color:black" value="Amount of Sales"/><br><br>
                             <div id="amtSales" class="editAcc">
                                 <input onClick="showEdit('perCat') "type="button" class="links" style="color:black" value="Amount of Sales Per Category"/><br><br>
                                         <div id="perCat" class="editAcc2">
                                             <table border="1">
                                                 <tr>
                                                     <td style="width: 300px;">Category</td>
                                                     <td>No. of Books Sold</td>
                                                     <td style="width: 200px;">Price</td>
                                                 </tr>
                                                 <tr>
                                                     <td></td>
                                                     <td></td>
                                                     <td></td>
                                                 </tr>
                                                 <%for(int i=0; i<10; i++){%>
                                                 <tr>
                                                     <td>All</td>
                                                     <td>100</td>
                                                     <td>100, 000</td>
                                                 </tr>
                                                 <%}%>
                                                 <tr>
                                                     <td></td>
                                                     <td style="text-align: right;">Total:</td>
                                                     <td></td>
                                                     
                                                 </tr>    
                                                     
                                             </table>
                                             
                                         </div>
                                                 
                                 <input onClick="showEdit('perProd') "type="button"   style="color:black"class="links" value="Amount of Sales Per Product"/><br><br>
                                         <div id="perProd" class="editAcc2">
                                           <input onClick="showEdit('perProd1') "type="button"   value="Search a Product"/><br><br>
                                            <div id="perProd1" class="editAcc">
                                            Enter Book Name:<input type="text" class="txtBox" style="position: relative; left: 100px;"/><br> 
                                            AND<br>
                                            Enter Author:<input type="text" class="txtBox" style="position: relative; left: 138px;"/><br>                                      <br>         
                                            AND/OR<br>
                                            Enter Book Id:<input type="text" class="txtBox" style="position: relative; left: 128px;"/><br>
                                            <br>
                                            <input onclick="verify('searchBk')"type="button" value="Search" style="position: relative; left: 235px; font-size: 15px;"/>
                                            <br><br><br>
                                            <div id="searchBk" class="editAcc2">
                                            <table border="1">
                                                 <tr>
                                                     <td style="width: 300px;">Book</td>
                                                     <td>No. of Books Sold</td>
                                                     <td style="width: 200px;">Price</td>
                                                 </tr>
                                                 <tr>
                                                     <td></td>
                                                     <td></td>
                                                     <td></td>
                                                 </tr>
                                                 <tr>
                                                     <td>All</td>
                                                     <td>100</td>
                                                     <td>100, 000</td>
                                                 </tr> 
                                                     
                                            </table><br><br>
                                                </div>
                                         </div>
                                        <input onClick="showEdit('perProd2') "type="button"   value="View All"/><br><br>
                                        <div id="perProd2" class="editAcc2">
                                             Row: <input type="text" value="15"/></br></br>
                                             <table border="1">
                                                 <tr>
                                                     <td style="width: 300px;">Products</td>
                                                     <td>No. of Books Sold</td>
                                                     <td style="width: 200px;">Price</td>
                                                 </tr>
                                                 <tr>
                                                     <td></td>
                                                     <td></td>
                                                     <td></td>
                                                 </tr>
                                                 <%for(int i=0; i<10; i++){%>
                                                 <tr>
                                                     <td>All</td>
                                                     <td>100</td>
                                                     <td>100, 000</td>
                                                 </tr>
                                                 <%}%>
                                                 <tr>
                                                     <td></td>
                                                     <td style="text-align: right;">Total:</td>
                                                     <td></td>
                                                     
                                                 </tr>    
                                                     
                                             </table>
                                              <div id="paging" class="paging">
                                                <input src="images/left.png" type="image"/>
                                                <input class="right" src="images/right.png" type="image"/>
                        
                                              </div>
                                         </div><br><br>
                                         </div>
                        
                             </div>
                     <input onClick="showEdit('popularity') "type="button" class="links" style="color:black" value="Popularity"/><br><br>
                             <div id="popularity" class="editAcc2">
                                 <input onClick="showEdit('gender') "type="button"   class="links" style="color: black;" value="Based on Gender"/><br><br>
                                        <div id="gender" class="editAcc2">
                                            Choose a gender: 
                                            <select>
                                                <option>M</option>
                                                <option>F</option>
                                            </select>
                                            <input onclick="verify('sortgen')"type="submit" value="SORT"/>
                                            <br><br>
                                                    
                                                    <div id="sortgen" class="editAcc2">
                                                        <input onclick="showEdit('searchGen')"type="button" value="Search a Book"/><br>
                                                        <div id="searchGen" class="editAcc2"><br><br>
                                                            Enter Book Name:<input type="text" class="txtBox" style="position: relative; left: 100px;"/><br> 
                                            AND<br>
                                            Enter Author:<input type="text" class="txtBox" style="position: relative; left: 138px;"/><br>                                      <br>         
                                            AND/OR<br>
                                            Enter Book Id:<input type="text" class="txtBox" style="position: relative; left: 128px;"/><br>
                                            <br>
                                            <input onclick="verify('searchBkGen')"type="button" value="Search" style="position: relative; left: 235px; font-size: 15px;"/>
                                            <br><br><br>
                                                        <div id="searchBkGen" class="editAcc2">
                                                            
                                                        <table border="1" style="position: relative; left: -100px;">
                                                            <tr>
                                                                <td style="width: 350px;">Book Name</td>
                                                                <td style="width: 250px;">Author</td>
                                                                <td>No. of views</td>
                                                            </tr>
                                                        </table>
                                                        </div>
                                                        
                                                        <br><br>
                                                        </div>
                                                        
                                                        <input onclick="showEdit('showAll')" type="button" value="View All"/>
                                                        <div id="showAll" class="editAcc2"><br><br>
                                                             Row: <input type="text" value="15"/></br></br>
                                                            <table border="1" style="position: relative; left: -100px;">
                                                                <tr>
                                                                    <td style="width:350px;">Book Name</td>
                                                                    <td style="width:250px;">Author</td>
                                                                    
                                                                    <td>No. of views</td>
                                                                </tr>
                                                            </table>
                                                
                                              <div id="paging" class="paging">
                                                <input src="images/left.png" type="image"/>
                                                <input class="right" src="images/right.png" type="image"/>
                        
                                              </div>
                                                        </div>
                                                    </div>    
                                            <br><br>
                                        </div> 
                                            
                                  <input onClick="showEdit('age') "type="button"   class="links" style="color: black;"  value="Based on Age"/><br><br>
                                          <div id="age" class="editAcc">
                                              <input onClick="showEdit('ageSel') "type="button"   value="Give a specific age"/><br><br>
                                                      <div id="ageSel" class="editAcc"><br>
                                                          Age: <input type="text" value="15"/>
                                                              <input onclick="verify('ageS')"type="button" value="SORT">
                                                          </br></br>
                                                  <div id="ageS" class="editAcc2">
                                                        <table border="1" >
                                                                <tr>
                                                                    <td style="width:350px;">Book Name</td>
                                                                    <td style="width:250px;">Author</td>
                                                                    
                                                                    <td>No. of views</td>
                                                                </tr>
                                                            </table><br><br>
                                                                    </div>
                                                      </div>
                                              <input onClick="showEdit('ageRange') "type="button"   value="Range Age: From what to what"/><br><br>
                                                       <div id="ageRange" class="editAcc"><br>
                                                          Age From: <input type="text" value="15"/></br>
                                                          Age To: <input style="position: relative; left: 20px;" type="text" value="15"/><br>
                                                                 <input style="position: relative; left: 82px;"onclick="verify('ageR')"type="button" value="SORT">
                                                        
                                                            </br></br>
                                              <div id="ageR" class="editAcc2">
                                                        <table border="1" >
                                                                <tr>
                                                                    <td style="width:350px;">Book Name</td>
                                                                    <td style="width:250px;">Author</td>
                                                                    
                                                                    <td>No. of views</td>
                                                                </tr>
                                                            </table></div><br><br>
                                                      </div>
                                          </div>
                                  <input onClick="showEdit('location') "type="button"   class="links" style="color: black;" value="Based on Location"/><br><br>
                                          <div id="location" class="editAcc">
                                              Enter location: <input value="" type="text"/><input onclick="verify('loc')" type="button" value="SORT"><br><br>
                                                  <div id="loc" class="editAcc2">
                                                        <table border="1" >
                                                                <tr>
                                                                    <td style="width:350px;">Book Name</td>
                                                                    <td style="width:250px;">Author</td>
                                                                    
                                                                    <td>No. of views</td>
                                                                </tr>
                                                            </table><br><br>
                                                  </div>
                                          </div>
                             </div>
                                 
                     <input onClick="showEdit('popSearch') "type="button" class="links" style="color:black" value="Popular Searches"/><br><br>
                             <div id="popSearch" class="editAcc2">
                             Top 10:<br><br>
                                     <table border="1">
                                         <tr>
                                             <td style="width: 450px;">Book Name</td>
                                             <td style="width: 150px;">Date Last Searched</td>
                                             <td style="width: 150px;">No. of Search</td>
                                         </tr>
                                         <tr>
                                             <td></td>
                                             <td></td>
                                             <td></td>
                                         </tr>
                                         <%for(int i=0; i<10; i++){%>
                                         <tr>
                                             <td>Date</td>
                                             <td>kmdkmd</td>
                                             <td>alsd,ls</td>
                                         </tr>
                                         <%}%>
                                     </table>
                                     <br><br>
                             </div>
                     
                     <input onClick="showEdit('userActHistory') "type="button" class="links" style="color:black" value="User Activity History"/><br><br>
                             <div id="userActHistory" class="editAcc">
                                 ENTER UserID: <input value="" style="position: relative; left: 39px;"class="txtBox" type="text"/><br>
                                 OR<br>
                                 ENTER UserName:<input value="" class="txtBox" type="text"/><br>
                                 <input onclick="verify('findUser')" type="button" value="SEARCH" style="position: relative; left: 170px; top: 20px;"/><br><br>
                                 <div id="findUser" class="editAcc2">
                                     <br><br>
                                     <table border="1" style="position: relative; left: -30px;">
                                         <tr>
                                             <td style="width: 150px;">Date</td>
                                             <td  style="width: 150px;">Time</td>
                                             <td  style="width: 470px;">Activity</td>
                                             
                                         </tr>
                                     </table>
                                 </div>
                                     <br><br>
                                 </div>
                     <input onClick="showEdit('deactivateOrActivateAUser') "type="button" class="links" style="color:black" value="Activate or Deactivate a User"/><br><br>
                             <div id='deactivateOrActivateAUser' class="editAcc">
                                  ENTER UserID: <input value="" style="position: relative; left: 39px;"class="txtBox" type="text"/><br>
                                 OR<br>
                                 ENTER UserName:<input value="" class="txtBox" type="text"/><br>
                                 <input onclick="verify('findUser2')" type="button" value="SEARCH" style="position: relative; left: 170px; top: 20px;"/><br><br>
                                         <div id="findUser2" class="editAcc2"><br><br>
                                         User Account Status: <select class="txtBox"><option>active</option>
                                         <option>deactivate</option></select><br>
                                          <input  type="button" value="SAVE" style="position: relative; left: 170px; top: 20px;"/><br><br>
                                                  <br><br>
                                         </div>
                                         </div>
                             
                     </div>
               </div>  
       </div><!--end of inner-->
        <div id="credits" class="credits">
                    <img src="images/credits.png"/>
                </div>           
       </div>
    </body>
</html>
